<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/common/common.jsp"%>

<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title><%=systemName %></title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="<%=path %>/res/assets/i/favicon.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="<%=path %>/res/assets/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="<%=path %>/res/assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="<%=path %>/res/assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">

  <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
  <!--
  <link rel="canonical" href="http://www.example.com/">
  -->

  <link rel="stylesheet" href="<%=path %>/res/assets/css/amazeui.min.css">
  <link rel="stylesheet" href="<%=path %>/res/assets/css/app.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a
  href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

	<%@ include file="/common/nav.jsp"%>


	<div class="am-container">

		<form class="am-form am-form-horizontal" action="<%=path %>/cbxx" autocomplete="on">
			<div class="am-form-group">
				<label for="doc-ipt-3" class="am-u-sm-2 am-form-label">船舶信息</label>
				<div class="am-u-sm-7">
					<input type="text" id="doc-ipt-3" placeholder="输入船名进行查询" name="cm" id="cbxxInput">
				</div>
				<div class="am-u-sm-3">
					<button type="submit" class="am-btn am-btn-primary">查询</button>
				</div>
			</div>
		</form>
		
		<form class="am-form am-form-horizontal" action="<%=path %>/ypcd" autocomplete="on">
			<div class="am-form-group">
				<label for="doc-ipt-3" class="am-u-sm-2 am-form-label">预配仓单</label>
				<div class="am-u-sm-7">
					<input type="text" id="doc-ipt-3" name="tdh" placeholder="输入提单号查询">
				</div>
				<div class="am-u-sm-3">
					<button type="submit" class="am-btn am-btn-primary">查询</button>
				</div>
			</div>
		</form>
		
		
		<form class="am-form am-form-horizontal" action="<%=path %>/jxjh" autocomplete="on">
			<div class="am-form-group">
				<label for="doc-ipt-3" class="am-u-sm-2 am-form-label">进箱计划</label>
				<div class="am-u-sm-7">
					<input type="text" id="doc-ipt-3" placeholder="输入船名进行查询" name="cm">
				</div>
				<div class="am-u-sm-3">
					<button type="submit" class="am-btn am-btn-primary">查询</button>
				</div>
			</div>
		</form>
		
		
		<form class="am-form am-form-horizontal" action="<%=path %>/hgfx" autocomplete="on">
			<div class="am-form-group">
				<label for="doc-ipt-3" class="am-u-sm-2 am-form-label">海关放行</label>
				<div class="am-u-sm-7">
					<input type="text" id="doc-ipt-3" placeholder="输入提单号进行查询" name="tdh">
				</div>
				<div class="am-u-sm-3">
					<button type="submit" class="am-btn am-btn-primary">查询</button>
				</div>
			</div>
		</form>
		
		<form class="am-form am-form-horizontal" action="<%=path %>/cqjh" autocomplete="on">
			<div class="am-form-group">
				<label for="doc-ipt-3" class="am-u-sm-2 am-form-label">船期计划</label>
				<div class="am-u-sm-2">
					<select id="mt" name="mt">
						<c:forEach items="${mtVos }" var="mt">
							<option value="${mt.shanghaiDistrict }">${mt.shanghaiDistrict.title }</option>
						</c:forEach>
					</select>
				</div>
				<div class="am-u-sm-5">
					<select id="value" name="value"></select>
				</div>
				<div class="am-u-sm-3">
					<button type="submit" class="am-btn am-btn-primary">查询</button>
				</div>
			</div>
		</form>

		<form class="am-form am-form-horizontal" action="<%=path %>/gqxh" id="formgqxh" autocomplete="on">
			<div class="am-form-group">
				<label for="doc-ipt-3" class="am-u-sm-2 am-form-label">港区箱货</label>
				<div class="am-u-sm-7">
					<input type="text" id="doc-ipt-3" placeholder="输入提单号查询" name="tdh">
					<input type="hidden" name="mt">
				</div>
				<div class="am-u-sm-3">

					<div class="am-dropdown" data-am-dropdown="">
						<button class="am-btn am-btn-primary am-dropdown-toggle" data-am-dropdown-toggle="">
							查询
							<span class="am-icon-caret-down"></span>
						</button>
						<ul class="am-dropdown-content">
							<li><a href="javascript:doSubmit('WY');">外一</a></li>
							<li><a href="javascript:doSubmit('WE');">外二</a></li>
							<li><a href="javascript:doSubmit('WS');">外四</a></li>
							<li><a href="javascript:doSubmit('WW');">外五</a></li>
							<li><a href="javascript:doSubmit('YY');">洋一</a></li>
							<li><a href="javascript:doSubmit('YS');">洋三</a></li>
							<li class="am-divider"></li>
							<li><a href="javascript:doSubmit('auto');">自动</a></li>
						</ul>
					</div>


				</div>
			</div>
		</form>

		<form class="am-form am-form-horizontal" action="<%=path %>/dzxd" autocomplete="on">
			<div class="am-form-group">
				<label for="doc-ipt-3" class="am-u-sm-2 am-form-label">电子箱单</label>
				<div class="am-u-sm-7">
					<input type="text" id="doc-ipt-3" placeholder="输入提单号进行查询" name="tdh">
				</div>
				<div class="am-u-sm-3">
					<button type="submit" class="am-btn am-btn-primary">查询</button>
				</div>
			</div>
		</form>
		
	</div>
    
    
    


<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="<%=path %>/res/assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="<%=path %>/res/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="<%=path %>/res/assets/js/amazeui.min.js"></script>
<script src="<%=path %>/res/assets/js/amazeui.min.js"></script>

<script type="text/javascript">
	var mtShips=${mtShips};
	function changeShips(mt){
		$("#value").html("<option value=''>暂无船舶</option>");
		for(var i=0;i<mtShips.length;i++){
			if(mt==mtShips[i].shanghaiDistrict){
				var ships=mtShips[i].shipVos;
				var options="";
				for(var j=0;j<ships.length;j++){
					options+="<option value='"+ships[j].value+"'>"+ships[j].name+"</option>";
				}
				$("#value").html(options);
			}
		}
	}
	changeShips("WY");
	$("#mt").change(function(){
		changeShips($(this).val());
	});
	
	function doSubmit(mt){
		$("#formgqxh").find("input[name=mt]").val(mt);
		$("#formgqxh").submit();
	}
	
</script>


</body>
</html>
